<!-- 我的绩效-绩效评价任务下面的各种考核 -->
<template>
  <div class="container">
    <a-tabs lazy-load :default-active-key="1">
      <a-tab-pane :key="1" title="绩效考核">
        <PerformanceAssessment :state="props.state"></PerformanceAssessment>
      </a-tab-pane>
      <a-tab-pane :key="2" title="试用期考核">
        <ProbationAssessment :state="props.state"></ProbationAssessment>
      </a-tab-pane>
      <a-tab-pane :key="3" title="晋升考核"> </a-tab-pane>
      <a-tab-pane :key="4" title="任期考核"> </a-tab-pane>
      <a-tab-pane :key="5" title="合同续签考核"> </a-tab-pane>
      <a-tab-pane :key="6" title="其他考核"> </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script lang="ts" setup>
import PerformanceAssessment from './Components/PerformanceAssessment/index.vue';
import ProbationAssessment from './Components/ProbationAssessment/index.vue';

const props = withDefaults(
  defineProps<{
    state: number; // 状态 1待评价 2已评价 3抄送我的
  }>(),
  {}
);
</script>

<style lang="less" scoped>
.container {
  padding: 0 20px;
}
</style>
